<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

<title>SmartAdmin</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Use the correct meta names below for your web application
			 Ref: http://davidbcalhoun.com/2010/viewport-metatag 
			 
		<meta name="HandheldFriendly" content="True">
		<meta name="MobileOptimized" content="320">-->

<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- Basic Styles -->
<link rel="stylesheet"
	href="../../resources/css/libs/bootstrap/bootstrap.min.css"
	th:href="@{/resources/css/libs/bootstrap/bootstrap.min.css}">
<link rel="stylesheet"
	href="../../resources/css/libs/bootstrap/font-awesome.min.css"
	th:href="@{/resources/css/libs/bootstrap/font-awesome.min.css}">
<link rel="stylesheet" href="../../resources/css/main.css"
	th:href="@{/resources/css/main.css}">

<!-- SmartAdmin Styles : Please note (smartadmin-production.css) was created using LESS variables -->
<link rel="stylesheet" type="text/css" media="screen"
	href="../../resources/css/smartadmin-production_unminified.css"
	th:href="@{/resources/css/smartadmin-production_unminified.css}">
<link rel="stylesheet" type="text/css" media="screen"
	href="../../resources/css/smartadmin-skins.css"
	th:href="@{/resources/css/smartadmin-skins.css}">

<!-- page related CSS -->
<link rel="stylesheet" type="text/css" media="screen"
	href="../../resources/css/lockscreen.css"
	th:href="@{/resources/css/lockscreen.css}">


<!-- FAVICONS -->
<link rel="shortcut icon" href="img/favicon/favicon.ico"
	th:href="@{/resources/img/favicon/favicon.ico}" type="image/x-icon">
<link rel="icon" href="img/favicon/favicon.ico"
	th:href="@{/resources/img/favicon/favicon.ico}" type="image/x-icon">

<!-- GOOGLE FONT -->
<link rel="stylesheet"
	href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700">


</head>
<body>

	<div id="main" role="main">

		<!-- MAIN CONTENT -->

		<form class="lockscreen animated flipInY" action="index.html" th:action="@{/login}" method="post">
			<div class="logo">
				<h1 class="semi-bold">
					<img src="img/logo-o.png" th:src="@{/resources/img/logo-o.png}" alt="" /> 南工大智慧校友管理系统
				</h1>
			</div>
			<div>
				<img src="img/avatars/sunny-big.png" th:src="@{/resources/img/avatars/sunny-big.png}" alt="" width="120" height="120" />
				<div>
					<h1>
						<i
							class="fa fa-user fa-3x text-muted air air-top-right hidden-mobile"></i><span th:text="${fullName}">John
						Doe</span> <small><i class="fa fa-lock text-muted"></i>
							&nbsp;登录超时，系统已锁定</small>
					</h1>

					<div class="input-group">
						<input type="hidden" name="username" th:value="${username}">
						<input class="form-control" type="password" name="password" placeholder="请输入密码">
						<div class="input-group-btn">
							<button class="btn btn-primary" type="submit">
								<i class="fa fa-key"></i>
							</button>
						</div>
					</div>
					<p class="no-margin margin-top-5">
						以其他用户登录? <a href="login.html" th:href="@{/login}">  点击这里 </a>
					</p>
				</div>

			</div>
			<p class="font-xs margin-top-5">中先联校网络科技有限公司 版权所有 2014-2020.</p>
		</form>

	</div>

	<!--================================================== -->

	<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)
		<script data-pace-options='{ "restartOnRequestAfter": true }' src="js/plugin/pace/pace.min.js"></script>-->

	<script
		src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
	<script>
		if (!window.jQuery) {
			document
					.write('<script src="/resources/js/libs/jquery-2.0.2.min.js"><\/script>');
		}
	</script>
	<script
		src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
	<script>
		if (!window.jQuery.ui) {
			document
					.write('<script src="resources/js/libs/jquery-ui-1.10.3.min.js"><\/script>');
		}
	</script>
	<!-- BOOTSTRAP JS -->
	<script src="../../resources/js/bootstrap/bootstrap.min.js"
		th:src="@{/resources/js/bootstrap/bootstrap.min.js}"></script>
	<!-- CUSTOM NOTIFICATION -->
	<!-- CUSTOM NOTIFICATION -->
	<script src="../../resources/js/notification/SmartNotification.min.js"
		th:src="@{/resources/js/notification/SmartNotification.min.js}"></script>


	<!-- browser msie issue fix -->
	<script
		src="../../resources/js/plugin/msie-fix/jquery.mb.browser.min.js"
		th:src="@{/resources/js/plugin/msie-fix/jquery.mb.browser.min.js}"></script>

	<!-- SmartClick: For mobile devices -->
	<script src="../../resources/js/plugin/smartclick/smartclick.js"
		th:src="@{/resources/js/plugin/smartclick/smartclick.js}"></script>

	<!--[if IE 7]>
			
			<h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>
			
		<![endif]-->

	<!-- MAIN APP JS FILE -->
	<script src="../../resources/js/main.js"
		th:src="@{/resources/js/main.js}"></script>

</body>
</html>